

.home{
    #banner{
        width:100%;
        height:400px;
        .swiper-slide{
            width:100%;
            height:400px;
            .img{
                width:100%;
                height:400px;
            }
        }
    }

    .w{
        width:1200px;
        margin:20px auto;
    }
    .good{
        text-align: center;
    }
    ul li{
        list-style: none;
    }
    a{
        text-decoration: none;
        color:inherit;
    }
    .list{
        width:1200px;
        padding:20px;
        box-sizing:border-box;
        margin:50px auto 0;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;

    }
    .list li {
        text-align: center;
        padding:10px;
        font-size: 14px;
        box-sizing: border-box;
        width: -webkit-calc(100%/5);
        width:20%;
        cursor: pointer;
    }
    .list li img{
        width:100%;
        transition: 1s all;
        height:212px;
    }
    .info{
        font-size: 16px;
        line-height: 24px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        transition: 1s all;
        
    }
    .price{
        font-family: 'JDZH-Regular', sans-serif;
        display: inline-block;
        color: #f02b2b;
        margin-top: 5px;
        margin-right: 5px;
        font-size: 16px;
    }

    .list li:hover{
        box-shadow:  0 0 4px 2px rgba(0, 0, 0, 0.5);
    }

    .list li:hover img{
    }
    .form{
        width:1100px;
        margin:10px auto;
        display: flex;
        justify-content: center;
    }
    .orderBox{
        display: flex;
        margin:0 15px;
    }
    .orderColBox{
        display: flex;
        margin:0 15px;
        border:1px dotted plum;
    }
    .orderTypeBox{
        display: flex;
        margin:0 15px;
        border:1px dotted plum;
    }

    .pagebox{
        display: flex;
        margin:0 15px;
        justify-content: center;
    }
}